<!DOCTYPE html>
<html>
<head>
	<meta name ="author" content="Liu Shijie">
	<meta name ="ID" content="2014302480130">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link rel="stylesheet" type="text/css" href="../css/way_model.css">
	<link rel="stylesheet" type="text/css" href="../css/navigator.css">
	<title>旅游攻略分享</title>
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=X6dI2ghZR4D9G970XFC8rDVKTGfoYNzx"></script>
	<script type="text/javascript" src="http://developer.baidu.com/map/custom/stylelist.js"></script>
	<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
</head>
<body>
<div id="body_container">
<!--全局导航栏-->
	<div class="up_nav">
		<div class="nav_content">
			<div class="nav_left">
				<!-- logo -->
				<a href=""><img src="../image/logo1.png" alt=""></a>
				<!-- 四个主题 -->
				<div class="topic">
					<ul class="cross_topic">
					   <li><a href="../index.html">精选</a></li>
					   <li><a href="pic_model.html">光影</a></li>
					   <li><a href="diary_model.html">途记</a></li>
					   <li><a href="way_model.html">路线</a></li>
					</ul>
				</div>
			</div>
			<div class="nav_right">
				<!-- 搜索框 -->
				<div class="search">
					<form action="#" method="post">
						<input type="text" autocomplete="off" placeholder="搜索景点、路线"/>
						<input type="submit" value="">
					</form>
				</div>
				<!-- 登陆和注册 -->
				<div class="log_reg">
					<li>
						<a target="_blank" href="login.html" class="login">登录</a>
						<span>|</span>
						<a target="_blank" href="register.html" class="register">注册</a>
					</li>
				</div>
			</div>
		</div>
	</div>
	<!-- 导航栏end -->
	<div id="part_1">
	  <div class="left_area">
		<div class="words">
			<span class="title">放慢脚步，等等灵魂</span>
			<p>走在路上，看过许多人，</p>
			<p>听过许多故事，见过旅行风景。</p>
			<p>就这样，慢慢学会了长大。</p>
			<p>流转的时光，是路途中美丽的点缀，</p>
			<p>安安静静，不言不语都是好风景。</p>
		</div>
		<div class="recommend">
			<a  target="_blank" href="user_center.html"><img src="../image/user1.jpg"></a><br>
			<!-- 推荐用户设置为随机变动，有时间再加 -->
			<a target="_blank" href="user_center.html" id="random_user">香山君</a>
			<span>&nbsp;推荐了&nbsp;</span>
			<a target="_blank" href="diary_xibei.html" id="random_place">西北边疆行</a>
		</div>
	</div>
		<!-- 地图API -->
		<div id="allmap">
		</div>
	</div>
<!-- part2 begin -->
	<div id="part2">
		<div class="part2_up">
		<hr color="#DFDFDF" size="1px" class=" title_line">
			<div class="title-bar">
				<i></i>
				<h2>热门的旅游攻略</h2>
			</div>
		</div>
		<div class="part2_down">
			<div class="left">
				<a target="_blank" href="way_hongkong.html"><img src="../image/hongkong.jpg" alt="香港"></a>
				<h3 class="ellipsis">
					<a target="_blank" href="way_hongkong.html" title="香港">香港</a>
					<span class="title">动感繁华之都，时尚购物天堂</span>
				</h3>
				<div class="desc">
					香港精致小巧，城市节奏忙碌紧张而有条不紊，公共交通网络完善，娱乐业发达，夜生活繁华璀璨，是集世界美食于一地的“美食之都”，更是名符其实的购物天堂。徜徉于闹市区之外的公共绿地，能够充分感受到香港这个繁华都市所包蕴的商业文明和自然之美。
				</div>
			</div>
			<div class="right">
				<ul class="pic_list clearfix">
					<li>
						<a href="#"><img src="../image/taiwan.jpg" alt="台湾"></a>
						<h5><a href="#" title="台湾">台湾</a></h5>
						<div class="desc">台湾，位于我国东南海域，东临太平洋，西望台湾海...</div>
					</li>
					<li>
						<a href="#"><img src="../image/pinyao.jpg" alt="平遥"></a>
						<h5><a href="#" title="平遥">平遥</a></h5>
						<div class="desc">平遥古城始建于西周，已有2800年的历史，是一座完...</div>
					</li>
					<li>
						<a href="#"><img src="../image/guilin.jpg" alt="桂林"></a>
						<h5><a href="#" title="桂林">桂林</a></h5>
						<div class="desc">桂林，因桂花成林而得名，山青，水秀，洞奇，石美...</div>
					</li>
					<li>
						<a href="#"><img src="../image/suzhou.jpg" alt="苏州"></a>
						<h5><a href="#" title="苏州">苏州</a></h5>
						<div class="desc">撑着油纸伞，听婉转深巷传来评弹，那踮脚走在雨中...</div>
					</li>
				</ul>
				<ul class="text_list clearfix">
					<li><i>•</i><a href="#" title="丽江">丽江</a>：身心与灵魂的栖息地</li>
					<li><i>•</i><a href="#" title="泰山">泰山</a>：穿越地狱，人间，走入仙境之巅</li>
					<li><i>•</i><a href="#" title="日本">日本</a>：春观夜樱、夏看碧海</li>
					<li><i>•</i><a href="#" title="哈尔滨">哈尔滨</a>：冰城夏都，天鹅项下的一颗珍珠</li>
					<li><i>•</i><a href="#" title="丽江">丽江</a>：身心与灵魂的栖息地</li>
					<li><i>•</i><a href="#" title="深圳">深圳</a>：繁华都市，鹏程之美，青春嘉年华</li>
					<li><i>•</i><a href="#" title="长沙">长沙</a>：多情山水，天下潭州</li>
					<li><i>•</i><a href="#" title="凤凰">凤凰</a>：烟雨凤凰，柔软时光，小城凤凰</li>
					<li><i>•</i><a href="#" title="罗马">罗马</a>：厚重积淀，古城罗马</li>
					<li><i>•</i><a href="#" title="杭州">杭州</a>：淡妆浓抹总相宜，人间天堂在苏杭</li>
				</ul>
			</div>
		</div>
    </div>
<!-- part2 end -->
<!-- part3 begin -->
	<div id="part3">
		<div class="part2_up">
		<hr class="title_line" color="#DFDFDF" size="1px">
			<div class="title-bar">
				<i></i>
				<h2>祖国的大好河山</h2>
			</div>
		</div>
		<div class="part3_down">
			<ul class="pic_text_list">
				<li class="first">
					<a href="#"> <img src="../image/henan.jpg" title="河南"></a>
					<h4><a href="#" title="河南">河南</a></h4>
					<div class="desc">河南是中华民族的主要发祥地之一，历史上先后有20多个朝代在这里建都。远在四千年前的新石器时代...
					</div>
				</li>
				<li><a href="#"> <img src="../image/zhejiang.jpg" title="浙江"></a>
					<h4><a href="#" title="浙江">浙江</a></h4>
					<div class="desc">浙江是我国岛屿最多的省份，省内山川秀丽，人文荟萃，自然风光与人文景观交相辉映。
						浙江沿海共有...
					</div>
				</li>
				<li><a href="#"> <img src="../image/shanxi.jpg" title="山西"></a>
					<h4><a href="#" title="山西">山西</a></h4>
					<div class="desc">
						山西是中华民族的发祥地之一，因春秋时为晋国之地，故简称“晋”。公元453年，赵、魏、韩三分晋国...
					</div>
				</li>
				<li><a href="#"> <img src="../image/gansu.jpg" title="甘肃"></a>
					<h4><a href="#" title="甘肃">甘肃</a></h4>
					<div class="desc">
						甘肃是关中通向西北的交通要道，秦汉的时明月，唐宋期的关隘、驿站，还有穿省而过的丝绸之路，曾经...
					</div>
				</li>
				<li><a href="#"> <img src="../image/shandong.jpg" title="山东"></a>
					<h4><a href="#" title="山东">山东</a></h4>
					<div class="desc">
						山东，美丽的齐鲁大地，千年中华文化吐纳百代、生生不息，亘古绵延在此。
						孔子传道的故事早已消散...
					</div>
				</li>
			</ul>
		</div>
	</div>
<!-- part3 end -->
<!-- 版权页 -->
	<div id="copyright">
	    <p>WalkerEye | 行者之眼，遍及全球。</p>
		<p>Copyright © 2016-2017&nbsp; <a href="http://www.mtuchn.cn" target="_blank">Liu Shijie. </a>&nbsp;All Rights Reserved.</p>
	</div>
</div>

</body>
</html>

<script type="text/javascript">

	var map = new BMap.Map("allmap");
	window.map = map;
	var point = new BMap.Point(114.314418,30.599796);  //中心点坐标
	map.enableScrollWheelZoom();                            //启用滚轮放大缩小
	map.centerAndZoom(point, 12);   //初始放大倍数12倍

	// map.setMapStyle({style:'grayscale'});自定义地图主题
	map.setMapStyle({
		styleJson: [{
		"featureType": "highway",
		"elementType": "all",
		"stylers": {
		"visibility": "off"
		}
		}]
	});
</script>